<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

  <title>喵咕平台登录页面</title>
  <link rel="stylesheet" href="../css/platForm.css">
</head>

<body>
  <div class="container">
    <div class="form-box">
      <!-- 邮箱注册 -->
      <form id="registerForm" class="register-box hidden" action="register" method="post">

        <h1>register</h1>
        <label class="register_input">
          <input name="username" type="text" placeholder="用户名" maxlength="16" required>
        </label>
        <label>
          <input name="email" type="email" placeholder="邮箱" required>
        </label>
        <label>
          <input name="password" type="password"  placeholder="密码(字母、数字、特殊符号)" onpaste="return false;" maxlength="16">
        </label>
        <label>
          <input name="confirmPassword" type="password" placeholder="确认密码"  onpaste="return false;" required>
        </label>
        <label>
          <input name="code" type="text" placeholder="验证码" required>
        </label>
        <div id="registerError" class="error-message"></div>
        <button type="submit">注册</button>
      <!-- GIthub 注册 -->
      <form id="registerForm" class="register-box hidden" action="register" method="post"></form>
      </form>
      <!-- 登录 -->
      <form id="loginForm" class="login-box" action="login" method="post">
        <h1>login</h1>
        <label class="login_input">
          <input name="username" type="text" placeholder="用户名/邮箱" required>
        </label>
        <label>
          <input name="password" type="password" placeholder="密码" onpaste="return false;" required>
        </label>
        <div id="loginError" class="error-message"></div>
        <button type="submit">登录</button>
      </form>
    </div>
    <div class="con-box left">
      <h2>欢迎来到<span class="span_left">喵咕平台</span></h2>
      <h2>请<span class="span_left">注册</span></h2>
      <img src="../assets/01.jpg" alt="">
      <p>已有账号</p>
      <button id="login">去登录</button>
    </div>
    <div class="con-box right">
      <h2>欢迎来到<span class="span_right">喵咕平台</span></h2>
      <h2>请<span class="span_right">登录</span></h2>
      <img src="../assets/02.jpg" alt="">
      <p>没有账号？</p>
      <button id="register">去注册</button>
    </div>
    <div class="square">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="circle">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>

  <script src="../js/theme.js"></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="../js/register.js"></script>
  <script src="../js/login.js"></script>

</body>

</html>